<!DOCTYPE html>
<html lang="en" data-textdirection="ltr" class="loading">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
    <meta name="description"
        content="Robust admin is super flexible, powerful, clean &amp; modern responsive bootstrap 4 admin template with unlimited possibilities.">
    <meta name="keywords"
        content="admin template, robust admin template, dashboard template, flat admin template, responsive admin template, web app">
    <meta name="author" content="PIXINVENT">
    <title>Basic Tables - Robust Free Bootstrap Admin Template</title>
    <script src="/public/jquery/jquery-3.3.1.min.js" type="text/javascript"></script>
    <link rel="apple-touch-icon" sizes="60x60" href="/public/bbs_admin/app-assets/images/ico/apple-icon-60.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/public/bbs_admin/app-assets/images/ico/apple-icon-76.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/public/bbs_admin/app-assets/images/ico/apple-icon-120.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/public/bbs_admin/app-assets/images/ico/apple-icon-152.png">
    <link rel="shortcut icon" type="image/x-icon" href="/public/bbs_admin/app-assets/images/ico/favicon.ico">
    <link rel="shortcut icon" type="image/png" href="/public/bbs_admin/app-assets/images/ico/favicon-32.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <!-- BEGIN VENDOR CSS-->
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/app-assets/css/bootstrap.css">
    <!-- font icons-->
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/app-assets/fonts/icomoon.css">
    <link rel="stylesheet" type="text/css"
        href="/public/bbs_admin/app-assets/fonts/flag-icon-css/css/flag-icon.min.css">
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/app-assets/vendors/css/extensions/pace.css">
    <!-- END VENDOR CSS-->
    <!-- BEGIN ROBUST CSS-->
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/app-assets/css/bootstrap-extended.css">
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/app-assets/css/app.css">
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/app-assets/css/colors.css">
    <!-- END ROBUST CSS-->
    <!-- BEGIN Page Level CSS-->
    <link rel="stylesheet" type="text/css"
        href="/public/bbs_admin/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css"
        href="/public/bbs_admin/app-assets/css/core/menu/menu-types/vertical-overlay-menu.css">
    <!-- END Page Level CSS-->
    <!-- BEGIN Custom CSS-->
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/assets/css/style.css">
    <!-- END Custom CSS-->

    <style>
        /* body {
            line-height: 24px;
            font: 14px Helvetica Neue, Helvetica, PingFang SC, \5FAE\8F6F\96C5\9ED1, Tahoma, Arial, sans-serif
        } */


        td {
            text-align: center;
            max-width: 400px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        th {
            text-align: center;
            max-width: 400px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    </style>
</head>

<body data-open="click" data-menu="vertical-menu" data-col="2-columns"
    class="vertical-layout vertical-menu 2-columns  fixed-navbar">

    <!-- navbar-fixed-top-->
    <nav class="header-navbar navbar navbar-with-menu navbar-fixed-top navbar-semi-dark navbar-shadow">
        <div class="navbar-wrapper">
            <div class="navbar-header">
                <ul class="nav navbar-nav">
                    <li class="nav-item mobile-menu hidden-md-up float-xs-left"><a
                            class="nav-link nav-menu-main menu-toggle hidden-xs"><i
                                class="icon-menu5 font-large-1"></i></a></li>
                    <li class="nav-item"><a href="index.html" class="navbar-brand nav-link"><img alt="branding logo"
                                src="/public/bbs_admin/app-assets/images/logo/robust-logo-light.png"
                                data-expand="/public/bbs_admin/app-assets/images/logo/robust-logo-light.png"
                                data-collapse="/public/bbs_admin/app-assets/images/logo/robust-logo-small.png"
                                class="brand-logo"></a></li>
                    <li class="nav-item hidden-md-up float-xs-right"><a data-toggle="collapse"
                            data-target="#navbar-mobile" class="nav-link open-navbar-container"><i
                                class="icon-ellipsis pe-2x icon-icon-rotate-right-right"></i></a></li>
                </ul>
            </div>
            <div class="navbar-container content container-fluid">
                <div id="navbar-mobile" class="collapse navbar-toggleable-sm">
                    <ul class="nav navbar-nav">
                        <li class="nav-item hidden-sm-down"><a class="nav-link nav-menu-main menu-toggle hidden-xs"><i
                                    class="icon-menu5"> </i></a></li>
                        <li class="nav-item hidden-sm-down"><a href="#" class="nav-link nav-link-expand"><i
                                    class="ficon icon-expand2"></i></a></li>
                        <li class="nav-item hidden-sm-down"><a
                                href="https://pixinvent.com/bootstrap-admin-template/robust/" target="_blank"
                                class="btn btn-success upgrade-to-pro">Upgrade to PRO $24</a></li>
                    </ul>
                    <ul class="nav navbar-nav float-xs-right">
                        <li class="dropdown dropdown-language nav-item"><a id="dropdown-flag" href="#"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                                class="dropdown-toggle nav-link"><i class="flag-icon flag-icon-gb"></i><span
                                    class="selected-language">English</span></a>
                            <div aria-labelledby="dropdown-flag" class="dropdown-menu"><a href="#"
                                    class="dropdown-item"><i class="flag-icon flag-icon-gb"></i> English</a><a href="#"
                                    class="dropdown-item"><i class="flag-icon flag-icon-fr"></i> French</a><a href="#"
                                    class="dropdown-item"><i class="flag-icon flag-icon-cn"></i> Chinese</a><a href="#"
                                    class="dropdown-item"><i class="flag-icon flag-icon-de"></i> German</a></div>
                        </li>
                        <li class="dropdown dropdown-notification nav-item"><a href="#" data-toggle="dropdown"
                                class="nav-link nav-link-label"><i class="ficon icon-bell4"></i><span
                                    class="tag tag-pill tag-default tag-danger tag-default tag-up">5</span></a>
                            <ul class="dropdown-menu dropdown-menu-media dropdown-menu-right">
                                <li class="dropdown-menu-header">
                                    <h6 class="dropdown-header m-0"><span
                                            class="grey darken-2">Notifications</span><span
                                            class="notification-tag tag tag-default tag-danger float-xs-right m-0">5
                                            New</span></h6>
                                </li>
                                <li class="list-group scrollable-container"><a href="javascript:void(0)"
                                        class="list-group-item">
                                        <div class="media">
                                            <div class="media-left valign-middle"><i
                                                    class="icon-cart3 icon-bg-circle bg-cyan"></i></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">You have new order!</h6>
                                                <p class="notification-text font-small-3 text-muted">Lorem ipsum dolor
                                                    sit amet, consectetuer elit.</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">30 minutes ago</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left valign-middle"><i
                                                    class="icon-monitor3 icon-bg-circle bg-red bg-darken-1"></i></div>
                                            <div class="media-body">
                                                <h6 class="media-heading red darken-1">99% Server load</h6>
                                                <p class="notification-text font-small-3 text-muted">Aliquam tincidunt
                                                    mauris eu risus.</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Five hour ago</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left valign-middle"><i
                                                    class="icon-server2 icon-bg-circle bg-yellow bg-darken-3"></i></div>
                                            <div class="media-body">
                                                <h6 class="media-heading yellow darken-3">Warning notifixation</h6>
                                                <p class="notification-text font-small-3 text-muted">Vestibulum auctor
                                                    dapibus neque.</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Today</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left valign-middle"><i
                                                    class="icon-check2 icon-bg-circle bg-green bg-accent-3"></i></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">Complete the task</h6><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Last week</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left valign-middle"><i
                                                    class="icon-bar-graph-2 icon-bg-circle bg-teal"></i></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">Generate monthly report</h6><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Last month</time></small>
                                            </div>
                                        </div>
                                    </a></li>
                                <li class="dropdown-menu-footer"><a href="javascript:void(0)"
                                        class="dropdown-item text-muted text-xs-center">Read all notifications</a></li>
                            </ul>
                        </li>
                        <li class="dropdown dropdown-notification nav-item"><a href="#" data-toggle="dropdown"
                                class="nav-link nav-link-label"><i class="ficon icon-mail6"></i><span
                                    class="tag tag-pill tag-default tag-info tag-default tag-up">8</span></a>
                            <ul class="dropdown-menu dropdown-menu-media dropdown-menu-right">
                                <li class="dropdown-menu-header">
                                    <h6 class="dropdown-header m-0"><span class="grey darken-2">Messages</span><span
                                            class="notification-tag tag tag-default tag-info float-xs-right m-0">4
                                            New</span></h6>
                                </li>
                                <li class="list-group scrollable-container"><a href="javascript:void(0)"
                                        class="list-group-item">
                                        <div class="media">
                                            <div class="media-left"><span
                                                    class="avatar avatar-sm avatar-online rounded-circle"><img
                                                        src="/public/bbs_admin/app-assets/images/portrait/small/avatar-s-1.png"
                                                        alt="avatar"><i></i></span></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">Margaret Govan</h6>
                                                <p class="notification-text font-small-3 text-muted">I like your
                                                    portfolio, let's start the project.</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Today</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left"><span
                                                    class="avatar avatar-sm avatar-busy rounded-circle"><img
                                                        src="/public/bbs_admin/app-assets/images/portrait/small/avatar-s-2.png"
                                                        alt="avatar"><i></i></span></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">Bret Lezama</h6>
                                                <p class="notification-text font-small-3 text-muted">I have seen your
                                                    work, there is</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Tuesday</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left"><span
                                                    class="avatar avatar-sm avatar-online rounded-circle"><img
                                                        src="/public/bbs_admin/app-assets/images/portrait/small/avatar-s-3.png"
                                                        alt="avatar"><i></i></span></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">Carie Berra</h6>
                                                <p class="notification-text font-small-3 text-muted">Can we have call in
                                                    this week ?</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Friday</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left"><span
                                                    class="avatar avatar-sm avatar-away rounded-circle"><img
                                                        src="/public/bbs_admin/app-assets/images/portrait/small/avatar-s-6.png"
                                                        alt="avatar"><i></i></span></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">Eric Alsobrook</h6>
                                                <p class="notification-text font-small-3 text-muted">We have project
                                                    party this saturday night.</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">last month</time></small>
                                            </div>
                                        </div>
                                    </a></li>
                                <li class="dropdown-menu-footer"><a href="javascript:void(0)"
                                        class="dropdown-item text-muted text-xs-center">Read all messages</a></li>
                            </ul>
                        </li>
                        <li class="dropdown dropdown-user nav-item"><a href="#" data-toggle="dropdown"
                                class="dropdown-toggle nav-link dropdown-user-link"><span
                                    class="avatar avatar-online"><img
                                        src="/public/bbs_admin/app-assets/images/portrait/small/avatar-s-1.png"
                                        alt="avatar"><i></i></span><span class="user-name">John Doe</span></a>
                            <div class="dropdown-menu dropdown-menu-right"><a href="#" class="dropdown-item"><i
                                        class="icon-head"></i> Edit Profile</a><a href="#" class="dropdown-item"><i
                                        class="icon-mail6"></i> My Inbox</a><a href="#" class="dropdown-item"><i
                                        class="icon-clipboard2"></i> Task</a><a href="#" class="dropdown-item"><i
                                        class="icon-calendar5"></i> Calender</a>
                                <div class="dropdown-divider"></div><a href="#" class="dropdown-item"><i
                                        class="icon-power3"></i> Logout</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>

    <!-- ////////////////////////////////////////////////////////////////////////////-->


    {$head}

    <div class="app-content content container-fluid">
        <div class="content-wrapper">
            <div class="content-header row">
                <div class="content-header-left col-md-6 col-xs-12 mb-1">
                    <h2 class="content-header-title"></h2>
                </div>
                <div class="content-header-right breadcrumbs-right breadcrumbs-top col-md-6 col-xs-12">
                    <div class="breadcrumb-wrapper col-xs-12">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index.html">控制台</a>
                            </li>
                            <li class="breadcrumb-item"><a href="#">文章管理</a>
                            </li>
                            <li class="breadcrumb-item active">查看文章列表
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Basic Tables</h4>
                            <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
                            <div class="heading-elements">
                                <ul class="list-inline mb-0">
                                    <li><a data-action="collapse"><i class="icon-minus4"></i></a></li>
                                    <li><a data-action="reload"><i class="icon-reload"></i></a></li>
                                    <li><a data-action="expand"><i class="icon-expand2"></i></a></li>
                                    <li><a data-action="close"><i class="icon-cross2"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="card-body collapse in">
                            <div class="card-block card-dashboard">


                                <div class="col-md-8 offset-md-2 col-lg-6 offset-lg-3">
                                    <div class="px-2 py-1 row">
                                        <fieldset class="form-group position-relative">
                                            <input type="text" class="form-control form-control-lg input-lg"
                                                id="class_select_input" placeholder="请输入文章内容或标题包含的关键字"
                                                value="{$class_select_input}">
                                            <div class="form-control-position">
                                                <i class="icon-search7"></i>
                                            </div>
                                        </fieldset>
                                        <div onclick="select()" class="row py-5">
                                            <div class="col-xs-12 text-xs-center">
                                                <button class="btn btn-primary btn-md"><i
                                                        class="icon-ios-search-strong"></i> 开始检索</a>
                                                </button>

                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="table-responsive">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>id</th>
                                                <th>标题</th>
                                                <!-- <th>所属分类</th> -->
                                                <th>
                                                    <select onchange="son_class_alias()" id="projectinput6"
                                                        name="budget" class="form-control">
                                                        {volist name='bbs_article_class_list' id='vo'}
                                                        {if condition="($vo.son_class_alias == $class_alias)
                                                        OR($vo.son_class_name == $class_alias)"}
                                                        <option value="{$vo.son_class_alias}" selected>
                                                            {$vo.son_class_name}
                                                        </option>
                                                        {else \}
                                                        <option value="{$vo.son_class_alias}">{$vo.son_class_name}
                                                        </option>
                                                        {/if}
                                                        {/volist}
                                                    </select>
                                                </th>
                                                <th>发布人</th>
                                                <th>发布时间</th>
                                                <th>是否顶置</th>
                                                <th>顶置到期时间</th>
                                                <th>阅读权限</th>
                                                <th>状态</th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {volist name='list' id='vo'}
                                            <tr>
                                                <th scope="row">{$vo.id}</th>
                                                <td title="{$vo.title}">{$vo.title}</td>
                                                <td title="{$vo.main_class_name}->{$vo.son_class_name}">
                                                    {$vo.main_class_name}->{$vo.son_class_name}
                                                </td>
                                                <td title="{$vo.user_id}">用户名:{$vo.user_name} <br> 邮箱:{$vo.email} </td>
                                                <td title="{:date('Y-m-d H:i:s',$vo.time_stamp)}">{:date('Y-m-d
                                                    H:i:s',$vo.time_stamp)}</td>
                                                {if condition="($vo.top == 1) and ($vo.top_time > time())"}
                                                <td title="置顶">置顶</td>
                                                <td title="{:date('Y-m-d H:i:s',$vo.top_time)}">{:date('Y-m-d
                                                    H:i:s',$vo.top_time)}</td>
                                                {else /}
                                                <td title="未置顶">未置顶</td>
                                                <td title="未置顶">未置顶</td>
                                                {/if}
                                                <td title="{$vo.level_name}">所需等级:{$vo.level_name} <br>
                                                    权限积分:{$vo.permission_to_read}</td>
                                                {if condition="($vo.start == 0)"}
                                                <td title="正常">正常</td>
                                                {/if}
                                                {if condition="($vo.start == 1)"}
                                                <td title="用户删除">用户删除</td>
                                                {/if}
                                                {if condition="($vo.start == 2)"}
                                                <td title="2管理员删除">管理员删除</td>
                                                {/if}
                                                {if condition="($vo.start == 3)"}
                                                <td title="2管理员删除">隐藏登陆显示</td>
                                                {/if}
                                                {if condition="($vo.start == 4)"}
                                                <td title="2管理员删除">待审核</td>
                                                {/if}
                                                <td>
                                                    <div class="btn-group mb-1">
                                                        <button onclick='window.location.href="{:url(\"bbs_admin/articlemanagement/article_info_settings\")}?id={$vo.id}"' type="button"
                                                            class="btn btn-outline-success btn-min-width">管理</button>
                                                    </div>
                                                </td>
                                            </tr>
                                            {/volist}
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {$page}
        </div>
    </div>
    <!-- ////////////////////////////////////////////////////////////////////////////-->


    <footer class="footer footer-static footer-light navbar-border">
        <p class="clearfix text-muted text-sm-center mb-0 px-2"><span
                class="float-md-left d-xs-block d-md-inline-block">Copyright &copy; 2017 <a
                    href="https://themeforest.net/user/pixinvent/portfolio?ref=pixinvent" target="_blank"
                    class="text-bold-800 grey darken-2">PIXINVENT </a>, All rights reserved. </span><span
                class="float-md-right d-xs-block d-md-inline-block">Hand-crafted & Made with <i
                    class="icon-heart5 pink"></i></span></p>
    </footer>

    <!-- BEGIN VENDOR JS-->
    <script src="/public/bbs_admin/app-assets/vendors/js/ui/tether.min.js" type="text/javascript"></script>
    <script src="/public/bbs_admin/app-assets/vendors/js/ui/unison.min.js" type="text/javascript"></script>
    <script src="/public/bbs_admin/app-assets/vendors/js/ui/blockUI.min.js" type="text/javascript"></script>
    <script src="/public/bbs_admin/app-assets/vendors/js/ui/jquery.matchHeight-min.js" type="text/javascript"></script>
    <script src="/public/bbs_admin/app-assets/vendors/js/ui/screenfull.min.js" type="text/javascript"></script>
    <script src="/public/bbs_admin/app-assets/vendors/js/extensions/pace.min.js" type="text/javascript"></script>
    <!-- BEGIN VENDOR JS-->
    <!-- BEGIN PAGE VENDOR JS-->
    <!-- END PAGE VENDOR JS-->
    <!-- BEGIN ROBUST JS-->
    <script src="/public/bbs_admin/app-assets/js/core/app-menu.js" type="text/javascript"></script>
    <script src="/public/bbs_admin/app-assets/js/core/app.js" type="text/javascript"></script>
    <!-- END ROBUST JS-->
    <!-- BEGIN PAGE LEVEL JS-->
    <!-- END PAGE LEVEL JS-->
    <script>
        function son_class_alias() {
            window.location.replace(window.location.href + '&son_class_alias=' + $('#projectinput6').val());
        }

        function select() {
            window.location.replace('{$url}' + '&class_select_input=' + $('#class_select_input').val());
        }
    </script>
    <script src="/public/bbs_admin/app-assets/js/core/libraries/bootstrap.min.js" type="text/javascript"></script>
</body>

</html>